<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<script type="text/javascript" src="/js/config.js"> </script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/load.js"> </script>

<title>战绩查询</title>

<!-- <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/fastclick.js"></script> -->

<link rel="stylesheet" type="text/css" href="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/css/review.css">

<script type="text/javascript">

    // window.addEventListener('load', function() {
    //     FastClick.attach(document.body);
    // }, false);
    // var per = window.innerWidth / 530;
    var obj = DynLoading.hall(BaseUrl + '/q/queryCard?num='+DynLoading.getUrlParam('num'));

    var globalData = {
        "baseUrl": window.location.origin+'/',
        "fileUrl": "",
        "scoreInfo": eval('(' + obj.detail + ')'),
    };
    globalData.wid = "123"; globalData.tt = "MWIzNFBWRnBPbHhHRTFBRnZ3elRJdktjYnFGW2NdbzQ2Q0w2SEJOW2FdckhbY11YVGd3R1tjXU9nQ1U=";
    var configData = {
        "appId": "wx69457df99fba25cf",
        "timestamp": "1596733397",
        "nonceStr": "021e539abea65238a0959485d5aae06c",
        "signature": "8b47c6fc4898809d650a16321bb33d21bfa4cd92",
    };
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏右上角按钮
        WeixinJSBridge.call('hideOptionMenu');
    });
    //#291c4d
</script>


</head>

<body style="background-color: #0e0226">

    <div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" >
        <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;" />
    </div>

    <div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #0e0226; display: none;">

        <div style="margin-top: 4vw;width: 100%;background-color: #291c4d;font-size: 2.5vh;text-align: center;color:#00ff33;padding: 10px 0 10px 0;">
            {{ruleStartTime}} 至 {{ruleEndTime}}
        </div>

        <div style="width: 100%;margin-top: 10px;padding: 10px 0 10px 0;background-color: #291c4d;font-size: 2.2vh;text-align: center;color: orange;">
            {{ruleText}}
        </div>

        <div  style="width: 100%;overflow: auto;text-align: center;color: white;overflow:hidden;" >
            <div v-for="item in gameScoreList" style="position: relative;width: 100%;height: 14vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;">
                <div>
                    <img v-bind:src="item.avatar" style="position: absolute;top:1vw;left:1vw;width:12vw;height:12vw;border-radius:3px">
                </div>

                <div  style="position: absolute;left: 15vw;width: 55vw;height: 14vw;text-align: left;">
                    <div style="height: 9vw;line-height: 12vw;font-size: 2.2vh;">{{item.name}}</div>
                    <div style="height: 5vw; line-height: 6vw; font-size: 1.8vh;color: rgb(150,180,80);" >ID:{{item.code}}</div>
                </div>
                
                <div style="position: absolute;right: 5vw;height: 14vw;line-height: 14vw;font-size: 2.5vh;text-align: left;color: orange;">
                    <span style="font-size: 3vh">{{item.score}}</span>
                </div>
            
            </div>
        </div>
      
      
        <a  id='zj_a' href="" v-bind:style="'margin-top:5px;text-decoration:none;color: #fff;display:block;height: 50px;line-height: 50px;text-align: center;background: orange;width: 100%'">
            查看战绩图 
        </a>

        <div  v-bind:style="'top: '+(61+14*gameScoreList.length)+'vw;left: 0;width: 100%;overflow: auto;'" >
        <div v-for="item in gameDetailList" v-bind:style="'position: relative;width: 100%;height: '+(18+12*item.detail.length)+'vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;'">

        <div style="position: absolute;top: 0vw;left: 0;width: 100%;height: 8vw;line-height: 12vw; font-size: 2vh;text-align: center;color: white;">
            {{item.gnum}}/{{item.tnum}}局
        </div>
        <div style="position: absolute;top: 8vw;left: 0;width: 100%;height: 10vw;background-color: #291c4d;font-size: 2vh;line-height: 10vw;text-align: center;color: orange;">
            <div style="position: absolute;left: 0vw;width: 28vw">
                昵称
            </div>
            <div style="position: absolute;left: 28vw;width: 36vw;">
                牌型
            </div>
            <div style="position: absolute;left: 62vw;width: 13vw;">
                下注
            </div>
            <div style="position: absolute;left: 75vw;width: 21vw;">
                分数
            </div>
        </div>

        <div  v-bind:style="'position: absolute;top: 18vw;left: 0;width: 100%;overflow: auto;'" >
            <div v-for="row in item.detail" style="position: relative;width: 100%;height: 12vw;line-height: 12vw;background-color: #291c4d;text-align: center;color: white;overflow:hidden;">
                <div style="position: absolute;left: 0vw;width: 28vw;height: 12vw;line-height: 12vw;font-size: 2vh;text-align: center;">
                    <img v-if="row.is_banker==1" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/banker_icon.png" style="position: absolute;top:4vw;left:1vw;width:4vw;height:4vw;">
                    {{row.name}}
                </div>

                <div v-if="row.is_join==1">
                <div style="position: absolute;left: 28vw;width: 36vw;height: 12vw;line-height: 12vw;text-align: left;font-size: 1.8vh;">
                    <span style="color: rgb(150,180,80);">{{row.card_type}}</span> 

                    <div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
                            <div class="cards card11" style="z-index: 14;">
                                <div class="face back" v-bind:class="'card' + row.cards[2]"></div>
                            </div>
                            
                            <div class="cards card31" style="z-index: 12">
                                <div class="face back" v-bind:class="'card' + row.cards[1]"></div>
                            </div>
                            
                            <div class="cards card51" style="z-index: 10">
                                <div class="face back" v-bind:class="'card' + row.cards[0]"></div>
                            </div>
                    </div>
                </div>
                
                <div style="position: absolute;left: 62vw;width: 13vw;height: 12vw;line-height: 12vw;font-size: 2.5vh;text-align: center;">
                    <span style="color: rgb(240,120,50);">{{row.chip}}倍</span>
                </div>
                <div style="position: absolute;left: 75vw;width: 21vw;height: 12vw;line-height: 12vw;font-size: 2.5vh;text-align: center;">
                    <span style="color: rgb(240,120,50);">{{row.score}}</span>
                </div>
                </div>
                <div v-if="row.is_join==0" style="font-size: 2vh; color: rgb(150,180,80);">本局未参战</div>
            </div>
        </div>

        </div>

        </div>

    </div>

</body>

<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/jquery-1.9.1.min.js"></script>
<script src="http://zxch.203y.com:1888/ttxindasheng/etc/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue.min.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/etc/js/review_bull.js"></script>
<script>
    $(document).on('click', 'img', function(e){
        e.preventDefault();
    })
    $('#zj_a').attr('href',window.location.origin+'/'+obj.room_url)

</script>

</html>
